/*页面加载进度条*/
progress { height: 2px; width: 100%; border: none; position: fixed; top: 0; left: 0; background-color:#fff; color: #1ebeac; z-index: 999; /*IE10*/ }
progress::-moz-progress-bar { background: #1ebeac; }
progress::-webkit-progress-bar { background: #fff; }
progress::-webkit-progress-value  { background: #1ebeac; }

html, body{ height: 100%; width: 100%; }
body { background:#f0f0f0; color:#333; font-size:14px; font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif; }
body, ul, ol, li, p, div{ margin:0; padding:0; border:0; }
ul, ol{ list-style-type:none; }
a{ color: #1ebeac; text-decoration:none; }
a:link, a:hover, a:active, a:focus{ text-decoration:none; }

.form-ctr { position: relative; }
.form-ctr textarea{ min-height: 60px; outline:none; border: 1px solid #999; color: #666; width: 100%; box-sizing:border-box; }
.form-ctr select, input[type=text], input[type=password], input[type=email]{ min-height: 25px; outline:none; border: 1px solid #999; color: #666; padding: 3px 5px; }
.form-ctr select:focus, textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=email]:focus
{ transition:border linear .2s, box-shadow linear .5s; border-color: rgba(30, 190, 172, 0.75); box-shadow: 0 0 5px rgba(30, 214, 196, 0.75); }
.form-ctr .button{ padding: 10px 20px; min-height: 25px; outline: none; background: #34a8ff; color: #fff; border: none; text-align: center; }
.form-ctr .button:active{ background: #b0d8ff; }
.form-ctr .button-lock{ background: #999; }
.form-ctr .input-danger{ border-color: red; }
.form-ctr .input-success{ border-color: green; }
.form-ctr .input-danger:focus{ border-color: rgba(255, 0, 0, 0.75); box-shadow: 0 0 10px rgb(255, 132, 93); }
.form-ctr .input-success:focus{ border-color: rgba(0, 246, 0, 0.75); box-shadow: 0 0 10px rgb(0, 255, 0); }

.copyright{ text-align: center; color: #999; margin-bottom: 1rem; font-size: .8rem; font-weight: bold; }
.hide{ display: none }
.clear{ clear:both; }

/*输入框提示*/
.tips{ position: relative; bottom: 20px; left: 0; }
.tips .content{ height: 20px; width: 100%; line-height: 20px; background: rgba(210, 250, 250, .5); text-align: center;color: #ef3425; position: absolute; left: 0; padding: 0 10px; font-weight: bold; font-size: 12px; }

/*加载遮罩层*/
.dark-mask{ position: fixed; z-index: 101; top: 0; right: 0; left: 0; bottom: 0; background: rgba(0, 0, 0, 0.6); }
.mask{ position: fixed; width: 100%; height: 100%; top:0; left: 0; z-index: 100; background: rgba(255, 255, 255, .7); }
.t-5{ margin-top: 5px; } .t-50{ margin-top: 50%; }
.sk-three-bounce {  position: absolute; left: 25%; width: 50%; text-align: center; opacity: .8;  }
.sk-three-bounce .sk-child {  width: 20px;  height: 20px;  background-color: #1EBEAC;  border-radius: 100%;  display: inline-block;
    -webkit-animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;  animation: sk-three-bounce 1.4s ease-in-out 0s infinite both;  }
.sk-three-bounce .sk-bounce1 {  -webkit-animation-delay: -0.32s;  animation-delay: -0.32s;  }
.sk-three-bounce .sk-bounce2 {  -webkit-animation-delay: -0.16s;  animation-delay: -0.16s;  }
.sk-three-bounce .sk-bounce3 {  -webkit-animation-delay: -0.08s;  animation-delay: -0.08s;  }
@-webkit-keyframes sk-three-bounce { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0);  }
    40% {  -webkit-transform: scale(1);  transform: scale(1);  } }
@keyframes sk-three-bounce { 0%, 80%, 100% {  -webkit-transform: scale(0);  transform: scale(0);  }
    40% {  -webkit-transform: scale(1);  transform: scale(1);  } }
.loading-tips{ margin-top: 30px; }

/*dialog*/
.dialog { position: fixed; z-index: 5000; width: 80%; max-width: 300px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); background-color: #fff; text-align: center; border-radius: 3px; overflow: hidden; }
.dialog .hd { padding: 1.3em 1.6em 0.5em; }
.dialog-title{ font-weight: 400; font-size: 18px; }
.dialog .bd { padding: 0 1.6em 0.8em; min-height: 40px; font-size: 15px; line-height: 1.3; word-wrap: break-word; word-break: break-all;
    color: #999999; border-bottom: 1px solid #eee; }
.dialog .ft{ position: relative; line-height: 48px; font-size: 18px; display: -webkit-box; display: -webkit-flex; display: flex; }
.dialog-btn{ display: block; -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; color: #3CC51F; text-decoration: none; border-left: 1px solid #eee;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); position: relative; }
.dialog-btn:first-child{ border: 0; }
.dialog-btn-default{ color: #353535; }
.dialog-btn-primary{ color: #0BB20C; }

/*顶部导航菜单*/
.top-bar{ width: 100%; height: 45px; text-align: center; border-bottom: 1px solid #ccc; background: #fff; position: fixed; z-index: 999; }
.top-bar .logo{ width: 45px; height: 45px; line-height: 45px; float: left; color: #1ebeac; }
.top-bar .logo .icon-logo{ margin-top: 10px; }
.top-bar .nav{ display: flex; }
.top-bar .nav li{ display: block; height: 45px; line-height: 45px; min-width: 3rem; text-align: center; }
.top-bar .nav li a{ font-size: 16px; font-weight: 400; display: block; width: 100%; height: 100%; }
.place-hold{ height: 45px; width: 100%; }

.footer{ margin-top: 50px; padding: 0 10px; color: #999; }

.load_more{ width: 100%; background: #fff; color: #666; padding: 0; height: 30px; line-height: 30px; border: 0; }
.load{ width: 100%; height: 30px; background: #fff; text-align: center; position: relative; }